﻿<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<script type="text/javascript">

var nextPage = "[next]";
var prevPage = "[previous]";

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37: //left
        case 38: //up
        	previous();
            break;
        case 39: //right
        case 40: //down
            next();
            break;
    }
};

function previous() {
	if (prevPage != "null") {
		document.location = prevPage;
	}
}

function next() {
	if (nextPage != "null") {
		document.location = nextPage;
	}
}


    </script>

    <style>
    	body {
            overflow-y:hidden;
			margin:0px;
			font-weight:bold;
			font-family:Verdana, Geneva, Tahoma, sans-serif;
		}
        div#content {
	        margin-left:auto;
	        margin-right:auto;
	        width:1000px;
	        height:740px;
	        background-color:white;
        }
        img.logo {
        	display:block;
        	padding:25px;
        	opacity: 0.7;
        	filter: alpha(opacity=70);
			width: 150px;
		}
		img#tuk {
			display:block;
			padding:0px;
			width: 200px;
		}
		table#logos {
			border-collapse:collapse;	
			z-index:1;	
		}
		div#data {
			padding:40px;
			top:0px;
			width:920px;
			height:740px;
			z-index:0;
			position:absolute;
		}
		div#name {
			min-height:260px;
			max-height:260px;
			font-size:100px;
			overflow:hidden;
			text-align:center;
		}
		div#club {
			font-size:70px;
			text-align:center;
		}
		div#place {
			font-size:90px;
			text-align:center;
		}
		div#event {
			font-size:42px;
			text-align:center;
		}
		div#time {
			font-size:80px;
			text-align:center;
		}		

		
        
    </style>

</head>

<body>

<div id="content">

	<table id="logos">
		<tr>
			<td><img alt="" class="logo" src="../../logos/postimees.png"/></td>
			<td colspan="3"></td>
			<td><img alt="" class="logo" src="../../logos/speedo.jpg"/></td>
		</tr>
		<tr>
			<td><img alt="" class="logo" src="../../logos/olerex.jpg"/></td>
			<td colspan="3"></td>
			<td><img alt="" class="logo" src="../../logos/vomax.jpg"/></td>
		</tr>
		<tr>
			<td><img alt="" class="logo" src="../../logos/dorpat_spa.jpg"/></td>
			<td colspan="3"></td>
			<td><img alt="" class="logo" src="../../logos/helen.png"/></td>
		</tr>
		<tr>
			<td><img alt="" class="logo" src="../../logos/jaagor_grupp.jpg"/></td>
			<td colspan="3"></td>
			<td><img alt="" class="logo" src="../../logos/selge.png"/></td>
		</tr>
		<tr>
			<td><img alt="" class="logo" src="../../logos/ph7.png"/></td>
			<td><img alt="" class="logo" src="../../logos/rehe_hotell.png"/></td>
			<td><img alt="" id="tuk" src="../../logos/tuk.png"/></td>
			<td><img alt="" class="logo" src="../../logos/aura.jpg"/></td>
			<td><img alt="" class="logo" src="../../logos/lukuproff.jpg"/></td>	

		</tr>	
	
	</table>
   <div id="data">
   
   	    <div id="event">
	    	[event]
	    </div> 

	    <div id="name">
			[firstname]<br/>[lastname]
	    </div>
		
		<div id="club">
			[club]	
		</div>
	
	    <div id="place">
	    	[place]
	    </div>
		    
	    <div id="time">
	    	[time]
	    </div>  
   </div>
   
</div>

</body>

</html>
